<?php
    use yii\helpers\Url ;
?>

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Hello world!</title>
    <!-- zui -->
    <link href="<?=Url::to('zui/css/zui.min.css')?>" rel="stylesheet">
    <link href="<?=Url::to('zui/css/zui-theme.css')?>" rel="stylesheet">
    <link href="<?=Url::to('css/backend.css')?>" rel="stylesheet">
    <link href="<?=Url::to('zui/lib/bootbox/bootbox.min.css')?>" rel="stylesheet">


    <script src="<?=Url::to('js/vue.js')?>"></script>
    <script src="<?=Url::to('vue/page.js')?>"></script>
    <script src="<?=Url::to('vue/datatable.js')?>"></script>
    <script src="<?=Url::to('vue/form.js')?>"></script>
    <script>
        var CONFIG = function(){
            return {
                basePath:'<?=Url::home()?>'
            }
        }()

        //window.UEDITOR_HOME_URL = '{{ Request::getBasePath() }}/ueditor/server/' ;
    </script>
</head>
<body>

<nav class="navbar navbar-inverse ui-top" role="navigation" id="header">
    <div class="container-fluid">
        <!-- 导航头部 -->
        <div class="navbar-header">
            <!-- 移动设备上的导航切换按钮 -->
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse-example">
                <span class="sr-only">切换导航</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <!-- 品牌名称或logo -->
            <a class="navbar-brand" href="your/nice/url">ZUI</a>
        </div>
        <!-- 导航项目 -->
        <div class="collapse navbar-collapse navbar-collapse-example pull-right">
            <!-- 一般导航项目 -->
            <ul class="nav navbar-nav">
                <li class="active"><a href="<?=Yii::getAlias('@web/site/logout')?>">注销</a></li>
            </ul>
        </div><!-- END .navbar-collapse -->
    </div>
</nav>



<div class="ui-menu" id="silder">
    <nav class="menu" data-ride="menu">

        <ul class="nav nav-primary">
            <li  v-for="menu in menus" @click="menuClick(menu)" :class="{'nav-parent':menu.children,'active':menu.active}">
                <a :href="menu.hash"><i class="icon icon-th"></i>
                    {{menu.title}}
                    <i v-if="menu.children" class="icon-chevron-right nav-parent-fold-icon"></i>
                </a>
                <ul class="nav" v-if="menu.children">
                    <li  :class="{'active':sub.active}" v-for="sub in menu.children" @click="menuClick(sub)"><a :href="sub.hash">{{sub.title}}</a></li>
                </ul>
            </li>

        </ul>
    </nav>
</div>

<div class="ui-main">
    <ol class="breadcrumb" id="breadcrumb">
        <li>{{ breadcrumb }}</li>
    </ol>
    <div id="content" class="ui-content"></div>
</div>

<script src="<?=Url::to('js/jquery-1.11.0.min.js')?>"></script>
<script src="<?=Url::to('js/purl.js')?>"></script>
<!-- ZUI Javascript组件 -->
<script src="<?=Url::to('zui/js/zui.min.js')?>"></script>
<script src="<?=Url::to('zui/lib/bootbox/bootbox.min.js')?>"></script>
<script src="<?=Url::to('js/fd-router.js')?>"></script>
<script src="<?=Url::to('js/helper.js')?>"></script>
<script src="<?=Url::to('js/backend.js')?>"></script>


<link href="<?=Url::to('zui/lib/chosen/chosen.min.css')?>" rel="stylesheet">
<script src="<?=Url::to('zui/lib/chosen/chosen.min.js')?>"></script>
<script>
    Loader.load();
</script>
@include('vendor.ueditor.assets')

@yield('script')
</body>
</html>